<template>
	<view class="container">
		<view class="tabs">
			<u-sticky bgColor="#fff">
			<u-tabs :list="list1" @click="click" lineWidth='50' lineHeight='5' 
			itemStyle="height:96rpx;display:flex;	justify-content: center;"
			:scrollable="false"
			:activeStyle="{
			        color: '#1890ff',
			        fontWeight: 'bold',
			        transform: 'scale(1.05)'
			    }"></u-tabs>
				</u-sticky>
		</view>
		<view class="list">
			<view class="list_body">
				<text class="one">合同名称</text>
				<text>强盛集团&卖鱼的</text>
				<text>签署截止日期：2023-02-05</text>
			</view>
		</view>
		<view class="btn">
			<u-button type="primary" text="确定" shape="circle" color="#1890FF"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1:[{
					name:'待我处理',
					id:1
				},
				{
					name:'待他处理',
					id:2
				},
				{
					name:'已完成',
					id:3
				},
				]
			};
		},
		methods:{
			click(item) {
			              console.log('item', item);
										this.type=item.id
										
										
										
			          },
		}
	}
</script>

<style lang="scss">
.container{
	.btn{
		padding: 120rpx 60rpx;
	}
	.list{
		.list_body{
			margin-top: 20rpx;
			display: flex;
			height: 260rpx;
			flex-direction: column;
			justify-content: space-around;
			padding: 30rpx 40rpx;
			background: #fff;
			text{
				font-size: 32rpx;
				font-weight: 600;
			}
			.one{
				font-size: 36rpx;
				font-weight: 600;
				color: #1890FF;
			}
		}
	}
}
</style>
